<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <style>
              *{margin: 0px;
			  padding: 0px;
				  
			  }
				  
			  #b span{
				  background-color: blue;
			  }
				  
			  a:link{
				  text-decoration:none;
			  }
			
		</style> 
		<script>
			var ar=["https://www.baidu.com/s","https://s.taobao.com/search","https://cn.bing.com/search"];
			var pics=["1","2","3"];
			var keywords=["wd","q","q"];
			function s1(index) {
				var p = document.getElementById("b2");
				p.src = pics[index];
				document.getElementById("form").action=ar[index];
				document.getElementById("kw").name=keywords[index];
			}

			function s2() {
				var p = document.getElementById("b2");
				p.src = "../picture/google_web.png";
			}

			function s3() {
				var p = document.getElementById("b2");
				p.src = "../picture/taobao_shopping.png";
			}
		</script>
	</head>
	<body>
		

			<div id="b">
				<form action="https://www.baidu.com/s" id="form">
				<img src="../picture/baidu_web.png" id="b2" style="width: 100px height: 20px;" id="b2"/>
				<input type="text" style="width: 400px;height: 20px" name="wd" id="kw" />
				<button type="submit"><span>搜索</span></button>
				</form>
			  </div>
               <div id="b1">
		
				<a href="https://www.baidu.com"><input type="radio" checked name="selS" value="百度" onclick="s1(0)"/>
				百度</a>
		
				<a href="#"><input type="radio" name="selS" value="淘宝" onclick="s1(1)" />淘宝</a>
			
			<a href="#">
				<a href="#"><input type="radio" name="selS" value="谷歌" onclick="s1(2)" />
				谷歌</a>
				
			
			</div>
		
	</body>
</html>
